<template>
	<view class="teachermine">
		<view class="title">
			<u-icon name="arrow-left" size="24" @click="back"></u-icon>
			<text style="margin-left: 24rpx;">个人中心</text>
		</view>

		<view class="minebox">
			<view class="imgandmessage">
				<view class="imgbox">
					<image class="handleimg" :src="mineData.photos.url"></image>
				</view>
				<view class="message">
					<view class="nameandmessage">
						<view class="name" style="width: 170rpx; ">
							{{mineData.name}}
						</view>
						<view class="jibie">
							{{mineData.school}}/{{mineData.category_text}}
						</view>
					</view>
					<view class="desc">
						{{mineData.brief_introduction}}
					</view>
					<view class="zhuanye">
						<view class="zhuanyeitem">
							{{mineData.science_ids}}
						</view>
					</view>

				</view>
			</view>

			<view class="gotoList">
				<view class="gotoListbox" @click="gotopage('gerenxinxi','1')">
					<view class="gotoListboxleft">
						<image class="gotoListboxleftimg"
							src="http://sssx.nanjingyunpeng.cn/uploads/tupian/image/grxx.png"></image>
						<view class="gotoListboxlefttext">
							个人信息
						</view>
					</view>
					<view class="gotoListboxright">
						<u-icon size="20" name="arrow-right"></u-icon>
					</view>
				</view>
				<view class="gotoListbox" @click="gotopage('mystudent')">
					<view class="gotoListboxleft">
						<image class="gotoListboxleftimg"
							src="http://sssx.nanjingyunpeng.cn/uploads/tupian/image/wdls.png"></image>
						<view class="gotoListboxlefttext">
							我的学生
						</view>
					</view>
					<view class="gotoListboxright">
						<u-icon size="20" name="arrow-right"></u-icon>
					</view>
				</view>
				<view class="gotoListbox" @click="gotopage('guanyupingtai')">
					<view class="gotoListboxleft">
						<image class="gotoListboxleftimg"
							src="http://sssx.nanjingyunpeng.cn/uploads/tupian/image/gypt.png"></image>
						<view class="gotoListboxlefttext">
							关于平台
						</view>
					</view>
					<view class="gotoListboxright">
						<u-icon size="20" name="arrow-right"></u-icon>
					</view>
				</view>
				<view class="gotoListbox" @click="gotopage('yijianfankui')">
					<view class="gotoListboxleft">
						<image class="gotoListboxleftimg"
							src="http://sssx.nanjingyunpeng.cn/uploads/tupian/image/yjfk.png"></image>
						<view class="gotoListboxlefttext">
							意见反馈
						</view>
					</view>
					<view class="gotoListboxright">
						<u-icon size="20" name="arrow-right"></u-icon>
					</view>
				</view>
				<view class="gotoListbox" @click="gotopage('lianxiwomen')">
					<view class="gotoListboxleft">
						<image class="gotoListboxleftimg"
							src="http://sssx.nanjingyunpeng.cn/uploads/tupian/image/lxwm.png"></image>
						<view class="gotoListboxlefttext">
							联系我们
						</view>
					</view>
					<view class="gotoListboxright">
						<u-icon size="20" name="arrow-right"></u-icon>
					</view>
				</view>
			</view>
			<view class="" style="height: 40rpx;">

			</view>
			<view class="exitbtn" @click="openpop">
				退出登录
			</view>
		</view>
	</view>
	
	
	<!-- 	<u-tabbar :value="value1" :fixed="true" :placeholder="false" :safeAreaInsetBottom="true">
			<u-tabbar-item text="首页" icon="home-fill" @click="click1"></u-tabbar-item>
			<u-tabbar-item text="个人中心" icon="account-fill"></u-tabbar-item>
		</u-tabbar> -->
	
</template>

<script>
	import {
		teacherCurrent
	} from "@/api/api.js"
	export default {
		data() {
			return {
				value1: 1,
				show: false,
				mineData: {}, //我的信息
			}
		},
		onLoad() {
			this.getMineDatas()
		},
		methods: {
			
		}
	}
</script>

<style scoped lang="scss">
	

	.teachermine {
		min-height: 100%;
		background: #F7F8FA;
		.popcontent {
			width: 610rpx;
			height: 196rpx;
			background: #FFFFFF;
			border-radius: 24rpx 24rpx 24rpx 24rpx;
			opacity: 1;
			padding-top: 50rpx;
			box-sizing: border-box;
			z-index: 99;
		
			.text {
				width: 100%;
				text-align: center;
				font-size: 30rpx;
				font-family: PingFang SC-Bold, PingFang SC;
				font-weight: bold;
				color: #333333;
				line-height: 45rpx;
				padding: 0 40rpx;
				display: inline-block;
			}
		
			.btnbox {
				width: 100%;
				height: 100rpx;
				border-top: 1px solid gainsboro;
				box-sizing: border-box;
				margin-top: 70rpx;
				display: flex;
		
				.btn {
					width: 50%;
					text-align: center;
					line-height: 100rpx;
					font-size: 32rpx;
					font-family: PingFang SC-Regular, PingFang SC;
					font-weight: 400;
					color: #333333;
					line-height: 38rpx;
					padding-top: 30rpx;
					box-sizing: border-box;
				}
		
				.btnok {
					border-left: 1px solid gainsboro;
					color: #4A9CFF;
				}
			}
		
		}

		.title {
			width: 100%;
			height: 176rpx;
			padding-top: 110rpx;
			box-sizing: border-box;
			background: #ffffff;
			display: flex;
			align-items: center;
			font-size: 32rpx;
			font-family: PingFang SC-Bold, PingFang SC;
			font-weight: bold;
			color: #333333;
			line-height: 38rpx;
			padding-left: 34rpx;
			box-sizing: border-box;

		}

		.minebox {
			width: 690rpx;
			box-sizing: border-box;
			background-color: #ffffff;
			margin: 30rpx auto;
			border-radius: 30rpx 30rpx 30rpx 30rpx;
			padding: 30rpx;

			.imgandmessage {
				width: 100%;
				margin-top: 20rpx;
				display: flex;
				justify-content: space-between;
				box-sizing: border-box;

				.imgbox {
					.handleimg {
						width: 200rpx;
						height: 240rpx;
					}
				}

				.message {
					margin-left: 20rpx;
					display: flex;
					flex-direction: column;
					justify-content: space-between;

					.nameandmessage {
						width: 100%;
						display: flex;
						justify-content: space-between;
						align-items: center;
					}

					.desc {
						font-size: 26rpx;
						font-family: PingFang SC-Regular, PingFang SC;
						font-weight: 400;
						color: #999999;
						line-height: 30rpx;
						text-overflow: -o-ellipsis-lastline;
						overflow: hidden; //溢出内容隐藏
						text-overflow: ellipsis; //文本溢出部分用省略号表示
						display: -webkit-box; //特别显示模式
						-webkit-line-clamp: 2; //行数
						line-clamp: 2;
						-webkit-box-orient: vertical
					}

					.jibie {
						width: 250rpx;
						font-size: 26rpx;
						font-family: PingFang SC-Regular, PingFang SC;
						font-weight: 400;
						color: #666666;
						line-height: 30rpx;
						white-space: nowrap;
						overflow: hidden;
						text-overflow: ellipsis;
					}
					.name{
						white-space: nowrap;
						overflow: hidden;
						text-overflow: ellipsis;
					}

					.zhuanye {
						display: flex;
						justify-content: space-between;

						.zhuanyeitem {
							height: 34rpx;
							font-size: 24rpx;
							font-family: PingFang SC-Regular, PingFang SC;
							font-weight: 400;
							background: #F0F7FF;
							color: #4A9CFF;
							line-height: 28rpx;
							font-size: 24rpx;
							font-family: PingFang SC-Regular, PingFang SC;
							font-weight: 400;
							line-height: 28rpx;
						}
					}
				}

			}

			.gotoList {
				width: 100%;
				height: 600rpx;
				margin-top: 30rpx;

				.gotoListbox {
					display: flex;
					align-items: center;
					justify-content: space-between;
					align-items: center;
					padding: 30rpx;
					box-sizing: border-box;
					width: 100%;

					.gotoListboxleft {
						display: flex;
						align-items: center;

						.gotoListboxleftimg {
							width: 48rpx;
							height: 48rpx;
						}

						.gotoListboxlefttext {
							font-size: 32rpx;
							font-family: PingFang SC-Regular, PingFang SC;
							font-weight: 400;
							color: #333333;
							margin-left: 20rpx;
						}
					}
				}
			}

			.exitbtn {
				width: 622rpx;
				height: 88rpx;
				background: #4A9CFF;
				border-radius: 40rpx 40rpx 40rpx 40rpx;
				font-size: 32rpx;
				font-family: PingFang SC-Medium, PingFang SC;
				font-weight: 500;
				color: #FFFFFF;
				line-height: 38rpx;
				text-align: center;
				line-height: 88rpx;
				margin: 30rpx auto;
			}

		}

	}
	
	
	
</style>